<ui:composition template="/pages/template.xhtml" 
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html">
	
	<ui:define name="page">
	
		<h2>Créer produit</h2>
		
		<h:form>
			<h:panelGrid columns="2">
				
				<h:outputLabel for="reference" value="Référence" />
			    <h:inputText id="reference" value="#{produitBean.reference}" />
			    
			    <h:outputLabel for="nom" value="Nom" />
			    <h:inputText id="nom" value="#{produitBean.nom}" />
			    
			    <h:outputLabel for="prix" value="Prix" />
			    <h:inputText id="prix" value="#{produitBean.prix}" />
			    
			    <h:outputLabel for="categorie" value="Catégorie" />
			    <h:selectOneMenu id="categorie" value="#{produitBean.idCategorie}">
			    	<f:selectItems value="#{categorieBean.categories}" var="categorie" itemValue="#{categorie.id}" itemLabel="#{categorie.id} #{categorie.libelle}"/>
			    </h:selectOneMenu>
			    
			    <h:commandButton value="Enregistrer produit" action="#{produitBean.nouveauProduit}" />
			</h:panelGrid>
		</h:form>
	
	</ui:define>
</ui:composition>
